<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>实装信息导入导出</title>
	<meta name="description" content="试验资源管理软件">
	<!-- Bootstrap CSS -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<!-- 字体CSS -->
	<link href="assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<!-- 自定义样式 -->
	<link href="assets/css/style.css" rel="stylesheet" type="text/css" />

	<link href="assets/plugins/datetimepicker/css/daterangepicker.css" rel="stylesheet" />
	<style>
		body {
			padding-bottom: 0;
		}
		.card-height .form-group {
			margin-top: 40px;
		}
		.card-height .form-group:first-of-type {
			margin-top: 0;
		}
		.btnExport{
			background: transparent;
			border: 1px solid #0d79b6;
			color: #0d79b6;
			cursor: pointer;
			height: 36px;
		}
		body {
			color: #eeeeee;
		}
		.table-bordered td,
		.table-bordered th,
		.table-bordered {
			border: 1px solid #798c9f;
		}
		.myTips .layui-layer-content{
			color: #666;
		}
	</style>
</head>

<body class="adminbody">
	<div id="main">
		<!-- 头部导航 -->
		<div class="headerbar">
			<!-- LOGO -->
			<div class="headerbar-left">
				<a href="index.html" class="logo">
					<img alt="Logo" src="assets/images/logo.png" />
					<span>试验资源管理软件</span>
				</a>
			</div>
			<nav class="navbar-custom">
				<ul class="list-inline float-right mb-0">
					<li class="list-inline-item dropdown notif">
						<a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button"
							aria-haspopup="false" aria-expanded="false">
							<i class="fa fa-fw fa-bell-o"></i><span class="notif-bullet"></span>
						</a>
						<div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-lg">
							<!-- item-->
							<div class="dropdown-item noti-title">
								<h5><small><span class="label label-danger pull-xs-right">1</span>消息提醒</small></h5>
							</div>
							<!-- item-->
							<a href="#" class="dropdown-item notify-item">
								<div class="notify-icon bg-faded">
									<img src="assets/images/avatars/avatar2.png" alt="img"
										class="rounded-circle img-fluid">
								</div>
								<p class="notify-details">
									<b>Admin</b>
									<span>用户信息注册成功</span>
									<small class="text-muted">3分钟前</small>
								</p>
							</a>
							<!-- All-->
							<a href="#" class="dropdown-item notify-item notify-all">
								查看所有消息
							</a>

						</div>
					</li>

					<li class="list-inline-item dropdown notif">
						<a class="nav-link dropdown-toggle nav-user" data-toggle="dropdown" href="#" role="button"
							aria-haspopup="false" aria-expanded="false">
							<img src="assets/images/avatars/admin.png" alt="Profile image" class="avatar-rounded">
						</a>
						<div class="dropdown-menu dropdown-menu-right profile-dropdown ">
							<!-- item-->
							<div class="dropdown-item noti-title">
								<h5 class="text-overflow"><small>Hello, admin</small> </h5>
							</div>

							<!-- item-->
							<a href="pro-profile.html" class="dropdown-item notify-item">
								<i class="fa fa-user"></i> <span>个人中心</span>
							</a>

							<!-- item-->
							<a href="#" class="dropdown-item notify-item">
								<i class="fa fa-power-off"></i> <span>退出</span>
							</a>
						</div>
					</li>

				</ul>

				<ul class="list-inline menu-left mb-0">
					<li class="float-left">
						<button class="button-menu-mobile open-left">
							<i class="fa fa-fw fa-bars"></i>
						</button>
					</li>
				</ul>

			</nav>

		</div>
		<!-- 头部导航End -->
		<!-- 左侧导航开始 start-->
		<div class="left main-sidebar">
			<div class="sidebar-inner leftscroll">
				<div id="sidebar-menu">
					<ul>
						<li class="submenu">
							<a href="index.html"><i class="fa fa-fw fa-bars"></i><span>首页</span> </a>
						</li>
						<li class="submenu">
							<a href="#"><i class="fa fa-fw fa-tv"></i> <span>试验资源注册模块</span>
								<span class="menu-arrow"></span>
							</a>
							<ul class="list-unstyled">
								<li><a href="szinfoRegister.html">实装信息注册</a></li>
								<li><a href="entityRegister.html">半实物装备信息注册</a></li>
								<li><a href="szfzmodelRegister.html">数字仿真模型信息注册</a></li>
								<li><a href="personRegistration.html">人员信息注册</a></li>
								<li><a href="ui-collapse.html">场地信息注册</a></li>
							</ul>
						</li>
						<li class="submenu">
							<a href="#" class="active">
								<i class="fa fa-fw fa-table"></i>
								<span> 资源导入导出模块</span>
								<span class="menu-arrow"></span>
							</a>
							<ul class="list-unstyled">
								<li class="active"><a href="szinfoImport.html">实装信息</a></li>
								<li><a href="ui-buttons.html">半实物装备信息</a></li>
								<li><a href="szfzmodelImport.html">数字仿真模型信息</a></li>
								<li><a href="personImport.html">人员信息</a></li>
								<li><a href="ui-collapse.html">场地信息</a></li>
							</ul>
						</li>
						<li class="submenu">
							<a href="#"><i class="fa fa-fw fa-file-text-o"></i> <span>试验资源编辑模块</span>
								<span class="menu-arrow"></span>
							</a>
							<ul class="list-unstyled">
								<li><a href="szinfoEdit.html">实装信息编辑</a></li>
								<li><a href="ui-buttons.html">半实物装备信息编辑</a></li>
								<li><a href="szfzmodelEdit.html">数字仿真模型信息编辑</a></li>
								<li><a href="personEdit.html">人员信息编辑</a></li>
								<li><a href="ui-collapse.html">场地信息编辑</a></li>
							</ul>
						</li>
						<li class="submenu">
							<a href="#">
								<i class="fa fa-fw fa-th"></i>
								<span>综合资源查询模块 </span>
								<span class="menu-arrow"></span>
							</a>
							<ul class="list-unstyled">
								<li><a href="szinfoSearch.html">实装信息查询</a></li>
								<li><a href="ui-buttons.html">半实物装备信息查询</a></li>
								<li><a href="szfzmodelSearch.html">数字仿真模型信息查询</a></li>
								<li><a href="personListSearch.html">人员信息查询</a></li>
								<li><a href="ui-collapse.html">场地信息查询</a></li>
							</ul>
						</li>
						<li class="submenu">
							<a href="javascript:;">
								<i class="fa fa-fw fa-area-chart"></i>
								<span> 试验资源监视模块 </span>
								<span class='menu-arrow'></span>
							</a>
							<ul class="list-unstyled">
								<li><a href="ui-alerts.html">实装信息监视</a></li>
								<li><a href="ui-buttons.html">半实物装备信息监视</a></li>
								<li><a href="ui-cards.html">数字仿真模型信息监视</a></li>
								<li><a href="ui-carousel.html">人员信息监视</a></li>
								<li><a href="ui-collapse.html">场地信息监视</a></li>
							</ul>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<!-- End 左侧导航 -->
		<div class="content-page">
			<!-- Start content -->
			<div class="content">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
						<div class="card mb-3">
							<div class="card-header">
								<h3><i class="fa fa-user"></i>实装信息导出</h3>
							</div>
							<div class="row">
								<div class="card-body col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="display: flex;">
									<div class="col-xs-12 col-sm-12 col-md-7 col-lg-7 col-xl-7">
										<div class="form-group" style="display: flex">
											<label for="daterange">选择时间</label>
											<input type="text" class="form-control" name="daterange"
												   value="01/01/2020 1:30 PM - 01/01/2020 2:00 PM" id='daterange'>
										</div>
									</div>
									<button class="btnExport col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">导出</button>
									<div class=" col-xs-12 col-sm-12 col-md-1 col-lg-1 col-xl-1"></div>
								</div>

							</div>


						</div><!-- end card-->
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
						<div class="card mb-3">
							<div class="card-header">
								<h3><i class="fa fa-hand-pointer-o"></i>实装信息导入</h3>
							</div>

							<div class="card-body card-height">
								<div class="row">
									<div class="card-body col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="display: flex;">
										<div class="form-group col-xs-12 col-sm-12 col-md-7 col-lg-7 col-xl-7" style="display: flex;">
											<label for="file" >选择文件</label>
											<input type="file" class="form-control" name="file" id='file'>
										</div>
										<button class="btnExport col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">导入</button>
										<div class=" col-xs-12 col-sm-12 col-md-1 col-lg-1 col-xl-1"></div>
									</div>
									<!--导入信息展示-->
									<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
										<div class="card mb-3">
											<div class="card-header">
												<h3><i class="fa fa-table"></i>实装导入信息展示</h3>
											</div>
											<div class="card-body">
												<div class="table-responsive">
													<table id="example2" class="table table-bordered table-hover display">
														<thead>
														<tr>
															<th>序号</th>
															<th>所属类型</th>
															<th>编号</th>
															<th>创建人</th>
															<th>创建时间</th>
															<th>所属部队</th>
															<th>研制单位</th>
															<th>状态信息</th>
															<th>操作</th>
														</tr>
														</thead>

													</table>
												</div>

											</div>
										</div><!-- end card-->
									</div>
								</div>
							</div>
						</div><!-- end card-->
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="assets/js/modernizr.min.js"></script>
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/moment.min.js"></script>
	<script src="assets/js/popper.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/detect.js"></script>
	<script src="assets/js/fastclick.js"></script>
	<script src="assets/js/jquery.blockUI.js"></script>
	<script src="assets/js/jquery.nicescroll.js"></script>
	<!-- App js -->
	<script src="assets/js/pikeadmin.js"></script>
	<!-- 验证表单 -->
	<script src="assets/plugins/datetimepicker/js/moment.min.js"></script>
	<script src="assets/plugins/datetimepicker/js/daterangepicker.js"></script>
	<script src="assets/js/jquery.dataTables.min.js"></script>
	<script src="assets/js/dataTables.bootstrap4.min.js"></script>
	<script src="assets/layui/layui.all.js"></script>
	<!--<script src="assets/js/interFace/userList.js"></script>-->
	<script>
		$(function () {
			$('input[name="daterange"]').daterangepicker({
				timePicker: true,
				timePickerIncrement: 30,
				locale: {
					format: 'MM/DD/YYYY h:mm A'
				}
			});
		});

	</script>
</body>

</html>